home *** CD-ROM | disk | FTP | other *** search
/ Personal Computer World 2009 February / PCWFEB09.iso / Software / Resources / Chat & Communication / Gizmo Project 4.0.4 / WinGizmoInstall.exe / message_styles / Bezier / main.css < prev    next >
Cascading Style Sheet File  |  2007-04-04  |  4KB  |  256 lines
  1. body {
  2.     margin:0;
  3.     padding:0;
  4.     color: #141414;
  5.     background-color: #FFF;
  6. }
  7. p {
  8.     margin: 0;
  9.     padding: 0;
  10.     overflow: auto;
  11. }
  12.  
  13. a:link, {
  14.     color: #0033CC;
  15. }
  16.  
  17. img {
  18.     border:    none;
  19. }
  20.  
  21. .container {
  22.     margin: 0 2px 0 6px;
  23.     padding-bottom:4px;
  24.     position: relative;
  25.     clear: both;
  26. }
  27. .contents_left {
  28.     float: left;
  29.     margin 0px;
  30.     width:39px;
  31.     padding: 3px 0px 0px 0px;
  32. }
  33. .contents_right {
  34.     width:auto;
  35.     margin: 11px 5px 0px 39px;
  36.     position: relative;
  37. }
  38. .contents_right[background="Incoming/buddy_icon.png"],
  39. .contents_right[background="Outgoing/buddy_icon.png"] {
  40.     margin: 11px 5px 0px 0px !important;
  41. }
  42.  
  43.  
  44. /* ICON */
  45.  
  46.  
  47. .iconsubstitute[background="Incoming/buddy_icon.png"],
  48. .iconsubstitute[background="Outgoing/buddy_icon.png"] {
  49.     display: none;
  50. }
  51.  
  52. .buddyicon {
  53.     height: 32px;
  54.     width: 32px;
  55.     background: #FFF;
  56.     border: 0px;
  57.     z-index: 1 !important;
  58.     position: absolute;
  59.     left:1px;
  60.     top:1px;
  61. }
  62.  
  63. .fadedimage {
  64.     opacity:0.5;
  65.     filter:alpha(opacity=50);
  66. }
  67.  
  68. /* HEADER */
  69.  
  70. .header {
  71.     height:20px;
  72.     color: #000;
  73.     font-size: 11px;
  74. }
  75.  
  76. .sender {
  77.     padding:3px 30px 0 0px;
  78.     overflow:hidden;
  79. }
  80.  
  81. .time {
  82.     position: absolute;
  83.     right:0px;
  84.     top:3px;
  85. }
  86.  
  87. /* MESSAGE */
  88.  
  89. .message {
  90.     background-color: #FFF;
  91.     top:2px;
  92.     /*font: 11px/14px "Lucida Grande", Helvetica, sans-serif;*/
  93. }
  94.  
  95. .message_top {
  96.     position: relative;
  97.     overflow:hidden;
  98. }
  99.  
  100. .message_left {
  101.     width:2px;
  102.     height: 100%;
  103.     position: absolute;
  104.     left: 0px;
  105.     top:20px;
  106. }
  107.  
  108. .message_right {
  109.     width:3px;
  110.     height: 100%;
  111.     position: absolute;
  112.     right: 0px;
  113.     top:20px;
  114. }
  115.  
  116. .text, .text_ctx {
  117.     line-height: 1.3em;
  118.     padding: 1px 10px 1px 8px;
  119.     margin-left: 1px;
  120.     margin-right: 1px;
  121. }
  122.  
  123. .text_ctx {
  124.     color: #979797 !important;
  125. }
  126.  
  127. .message_bottom {
  128.     position: relative;
  129. }
  130.  
  131. .message_bottomleft {
  132.     width:3px;
  133.     height:4px;
  134.     position: absolute;
  135.     left:-1px;
  136. }
  137.  
  138. .message_bottomcenter {
  139.     height: 4px;
  140.     position: absolute;
  141.     right:3px;
  142.     left:2px;
  143. }
  144.  
  145. .message_bottomright {
  146.     width:3px;
  147.     height:4px;
  148.     position: absolute;
  149.     right:0px;
  150. }
  151.  
  152. /* STATUS */
  153.  
  154. .status_container {
  155.     margin:11px 0px 0px 6px;
  156.     height:11px;
  157.     position:relative;
  158.     clear:both;
  159.     /*font:9px "Lucida Grande", Helvetica, sans-serif;*/
  160.     font-size: 9px;
  161. }
  162.  
  163. .status_leftside {
  164.     background: url("images/status_leftside.png") top right repeat-y;
  165.     width:56px;
  166.     height:11px;
  167.     position: absolute;
  168.     left: 0px;
  169.     top:4px;
  170.     bottom:2px;
  171. }
  172.  
  173. .status_rightside {
  174.     background: url("images/status_rightside.png") top right repeat-y;
  175.     width:5px;
  176.     height:11px;
  177.     position: absolute;
  178.     right: 8px;
  179.     top:4px;
  180.     bottom:2px;
  181. }
  182.  
  183. .status_left {
  184.     color:#FFF;
  185.     width:56px;
  186.     text-align:right;
  187.     float:right;
  188.     font-weight:bold;
  189.     position: absolute;
  190.     left:-4px;
  191.     right:2px;
  192.     top:4px;
  193.     font-size: 9px;
  194. }
  195.  
  196. .status_right {
  197.     /*background:#F0F0F0;*/
  198.     background: url("images/status_middle.png") top right repeat-x;
  199.     color:#787878;
  200.     min-height:11px;
  201.     /*top:4px;*/
  202.     /*bottom:2px;*/        
  203.     margin: 0px 8px 0px 56px;
  204.     padding:4px 7px 0px 7px;
  205.     text-align:left;
  206.     font-size: 9px;
  207. }
  208.  
  209. .status_bump {
  210.     height:0px;
  211. }
  212.  
  213. /* NEXT */
  214.  
  215. .combine {
  216.     margin-top: 3px;
  217.     padding-top: 2px;
  218.     border-top: 1px solid #DDDDDD;
  219. }
  220.  
  221.  
  222.  
  223. /* CONTEXT */
  224.  
  225. .header_ctx_left {
  226.     background: url("images/gray_left.png") top right no-repeat;
  227.     width:10px;
  228.     height:20px;
  229.     position: absolute;
  230.     left:0px;
  231.     top:0px;
  232. }
  233.  
  234. .header_ctx_center {
  235.     background: url("images/gray_fill.png") top right repeat-x;
  236.     height:20px;
  237.     position:absolute;
  238.     left:10px;
  239.     right:10px;
  240.     top:0px;
  241.     color: #979797 !important;
  242. }
  243.  
  244. .header_ctx_right {
  245.     background: url("images/gray_right.png") top right no-repeat;
  246.     width:10px;
  247.     height:20px;
  248.     position: absolute;
  249.     right:0px;
  250.     top:0px;
  251. }
  252.  
  253. #contents {
  254.     overflow: hidden;
  255.     padding-bottom: 10px;
  256. }